<?php if (!defined('THINK_PATH')) exit(); echo W('Cate/Menu');?>
  <div class="container-full content-header">
    <h6 class="text-center title">欢迎来到随遇而安的博客</h6>
    <h3 class="text-center">这里是我的作品</h3>
  </div>

  <div class="container-full content-main works">
    <div class="row col-md-offset-2 ">
      <?php if(is_array($works)): foreach($works as $key=>$v): ?><works class="col-md-3 col-xs-12">
          <div class="works-img">
            <img class="lazy" src="/Public/img/bg-purchase.png" alt=""  data-original="/Public/img/<?php echo ($v["preview"]); ?>" >
          </div>
          <h5><a href="<?php echo ($v["url"]); ?>" target="_blank"><?php echo ($v["title"]); ?></a></h5>
          <h6>创建时间:<?php echo ($v["time"]); ?></h6>
        </works><?php endforeach; endif; ?>
    </div>
    <!-- 分页 -->
    <div class=" col-md-offset-2">
      <ul class="pagination col-md-offset-4">
        <li class="previous"><a href="#fakelink" class="fui-arrow-left"></a></li>
        <li class=""><a href="#fakelink">1</a></li>
        <li class="next"><a href="#fakelink" class="fui-arrow-right"></a></li>
      </ul>
    </div>
    <!-- 结束分页 -->
<div class="container-full content-footer">
  <div class="row col-md-offset-1">
    <div class="col-md-8">
      <ul class="list-inline">
        <li ><a href="<?php echo U('Index/about');?>">关于我</a></li>
      <li><a href="<?php echo U('Index/msgpad');?>">bug反馈</a></li>
      </ul>
      <p class="info">Copyrights © 2016 All Rights Reserved by MUZI | 2015-2016</p>
    </div>
    <div class="col-md-4">
      <ul class="list-inline">
        <li >
          <a href=""><i class="iconfont">&#xe600;</i></a>
        </li>
        <li>
          <a href="//weibo.com/2353510277/profile?rightmod=1&wvr=6&mod=personinfo" target="_blank"><i class="iconfont">&#xe601;</i></a>
        </li>
        <li>
          <a href=""><i class="iconfont">&#xe602;</i></a>
        </li>
        <li>
          <a href="https://git.oschina.net/crazy_boy" target="_blank"><i class="iconfont">&#xe603;</i></a>
        </li>
      </ul>
    </div>
  </div>
</div>
<script src="/Public/js/vendor/jquery.min.js" charset="utf-8"></script>
<script src="/Public/js/flat-ui.min.js" charset="utf-8"></script>
<script src="/Public/js/app.js" charset="utf-8"></script>
<script src="//cdn.bootcss.com/jquery_lazyload/1.9.7/jquery.lazyload.min.js"></script>
<script>
  $('#search button').click(function(){
    window.location.href="<?php echo U('Index/search');?>/s/"+$('#search input').val();
  })
$(function() {
  $("img.lazy").lazyload({
    effect : "fadeIn"
    });
});
</script>
</body>
</html>